﻿.bgF8{background: #f8f8f8;}
.w100{width: 100%!important;}

.nav ul .active{color: #24c4fc; box-shadow:inset 0 -4px 0 0 #24c4fc}
.mainBox{width: 1190px;margin: 0 auto;}

.tabBtnBox{padding: 30px 0 20px;}
.tabBtnBox li{float: left;width: 25%;padding: 0 10px 20px;}
.tabBtnBox li a{display: block; line-height:50px;border: 1px solid #ddd;border-radius:3px;background: #fff;text-align: center;}
.tabBtnBox li a.active,.tabBtnBox li a:hover{background: #24c4fc;color: #fff;border-color: #24c4fc;}


.itemBox .item{display: none;}
.itemBox .item img{width: 100%;}
.itemBox .item .title{font-size: 30px;color: #221815;text-align: center;font-weight: bold;padding: 30px 0;}
.itemBox .item img{width: 40%;}
.itemBox .item .left img{float: left;}
.itemBox .item .right img{float: right;}
.itemBox .item .left .text{float: right;text-align: right;}
.itemBox .item .text{margin-top: 80px;}
.itemBox .item .text .tit{color: #221815;font-weight: bold;font-size:26px;line-height: 40px;padding-bottom: 20px;}
.itemBox .item .text p{font-size: 16px;color: #595757;line-height: 30px;}
.itemBox .item .text p:before{content: '';display: inline-block;vertical-align: middle; margin-right: 10px;width: 5px;height: 5px;border-radius: 50%;background: #595757;}
.itemBox .item .mainBox{padding: 20px 0;}
.formBox{position: fixed;bottom:0;left: 0;width:100%;height: 150px; background: rgba(0,0,0,.7);}
.formBox .title{display: none;}
.formBox .form{float: left;width: 260px; margin-left: 16%; background: none;padding:0 10px;}
.formBox .form p{display: none;}
.formBox .form li{position: relative;}
.formBox .form li .Validform_checktip{display: none; position: absolute;top:4px;left: 250px;width: 200px;text-align: left; font-size:12px;padding:3px 10px; background:#fcdcdd;color: #d85e58; border: 1px solid #f9b3b3;border-radius:20px;}
.formBox .form li .Validform_checktip.Validform_right{display: block;background: #cfece6;color: #5fbeaa;border-color: #a2dace;}
.formBox .form li .Validform_checktip.Validform_wrong{display: block;}
   
.formBox .mainBox{padding: 0;}
.formBox .mainBox .code{color: #fff;padding: 25px;font-size: 14px;text-align: right;}
.formBox .mainBox .code .name{ font-size: 20px;}
.formBox .mainBox .code strong{display: block; font-size: 24px;}
.formBox .mainBox .code p {
	font-size: 20px;
}
 

.IndexNum{background: url(../images/demand-bg.jpg) no-repeat;width: 990px;height: 447px;margin: 0 auto;position: relative;}
.IndexNum .IndexConBox{position: absolute;left: 50%;top: 50%;width: 118px;height: 118px;padding-top: 40px; margin:-25px 0 0 -60px;text-align: center;line-height:22px;color: #fff;font-weight: bold;font-size: 12px;}
.IndexNum .IndexConBox p,.IndexNum li p{font-size: 12px;margin-bottom: 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;}
.IndexNum li p{color: #666;}
.IndexNum .IndexConBox .moreBox{display: none; width: 130px; position: absolute;left:50%;top:80%;z-index: 10; margin-left:-71px; border-radius:3px; padding:5px;color:#b18328;border: 1px solid #ffc655;background: #fef2da;}
.IndexNum .IndexConBox .moreBox:before{content: " ";position: absolute;left:50%;top: -6px;margin-left: -3px; border-bottom: 5px solid #ffc655;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.IndexNum .IndexConBox .moreBox div{font-size: 12px;line-height: 18px;}
.IndexNum .IndexConBox:hover .moreBox{display: block;}

.IndexNum li{position: absolute;left: 50%;top: 50%;width: 100px; text-align: center; margin: 20px 0 0 100px;.Animation;opacity: 0;}
.IndexNum li .num{width: 60px;height: 60px;line-height: 60px;color: #fff;font-size: 12px; margin: 0 auto; border: 3px solid #fff;box-shadow: 0 0 4px rgba(0,0,0,.01); background:#fa8671;border-radius: 50%; margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.IndexNum li.down .num{background:#8fcf8f;}
.IndexNum li .moreBox{display: none; width: 130px; position: absolute;left:50%;top:80%;z-index: 10; margin-left:-71px; border-radius:3px; padding:5px;color:#b18328;border: 1px solid #ffc655;background: #fef2da;}
.IndexNum li .moreBox:before{content: " ";position: absolute;left:50%;top: -6px;margin-left: -3px; border-bottom: 5px solid #ffc655;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.IndexNum li .moreBox:before div{font-size: 12px;line-height: 18px;}
.IndexNum li:hover .moreBox{display: block;}
.IndexNum li.num2 .num{width: 50px;height:50px;line-height: 50px;}
.IndexNum li.num3 .num{width: 45px;height:45px;line-height: 45px;}
.IndexNum li.num4 .num{width: 50px;height:50px;line-height: 50px;}
.IndexNum li.num5 .num{width: 50px;height:50px;line-height: 50px;}
.IndexNum li.num6 .num{width: 35px;height:35px;line-height: 35px;}
.IndexNum li.num7 .num{width: 45px;height:45px;line-height: 45px;}
.IndexNum li.num8 .num{width: 55px;height:55px;line-height: 55px;}
.IndexNum li.num9 .num{width: 55px;height:55px;line-height: 55px;}
.IndexNum li.num10 .num{width: 55px;height:55px;line-height: 55px;}
.IndexNum li.num11 .num{width: 45px;height:45px;line-height: 45px;}
.IndexNum li.num12 .num{width: 50px;height:50px;line-height: 50px;}
.IndexNum li.num13 .num{width: 55px;height:55px;line-height: 55px;}
.IndexNum li.num14 .num{width: 50px;height:50px;line-height: 50px;}
.IndexNum li.num15 .num{width: 50px;height:50px;line-height: 50px;}
.IndexNum li.num16 .num{width: 45px;height:45px;line-height: 45px;}
.IndexNum li.num17 .num{width: 40px;height:40px;line-height: 40px;}
.IndexNum li.num18 .num{width: 45px;height:45px;line-height: 45px;}
.IndexNum li.num19 .num{width: 55px;height:55px;line-height: 55px;}
.IndexNum li.num20 .num{width: 60px;height:60px;line-height: 60px;}

.IndexNum ul.active li{opacity: 1;}
.IndexNum ul.active li.num2{margin:-20px 0 0 -220px;}
.IndexNum ul.active li.num3{margin:120px 0 0 145px;}
.IndexNum ul.active li.num4{margin:80px 0 0 -270px;}
.IndexNum ul.active li.num5{margin:-109px 0 0 187px;}
.IndexNum ul.active li.num6{margin:-104px 0 0 -329px;}
.IndexNum ul.active li.num7{margin:35px 0 0 271px;}
.IndexNum ul.active li.num8{margin:35px 0 0 -394px;}
.IndexNum ul.active li.num9{margin:-179px 0 0 315px;}
.IndexNum ul.active li.num10{margin:145px 0 0 309px;}
.IndexNum ul.active li.num11{margin:-90px 0 0 -405px;}
.IndexNum ul.active li.num12{margin:-90px 0 0 280px;}
.IndexNum ul.active li.num13{margin:38px 0 0 345px;}
.IndexNum ul.active li.num14{margin:93px 0 0 -476px;}
.IndexNum ul.active li.num15{margin:-47px 0 0 359px;}
.IndexNum ul.active li.num16{margin:-13px 0 0 -457px;}
.IndexNum ul.active li.num17{margin:-146px 0 0 369px;}
.IndexNum ul.active li.num18{margin:-161px 0 0 -465px;}
.IndexNum ul.active li.num19{margin:132px 0 0 373px;}
.IndexNum ul.active li.num20{margin:139px 0 0 -557px;}
@media (max-width:768px){
    .IndexNum{display: none;}
    .mainBox{width: 100%;}
    .itemBox .item .left img,.itemBox .item .right img{float: none;width:80%; margin: 0 10%;}
    .tabBtnBox li {width: 50%;padding: 0 5px 10px;}
    .tabBtnBox li a{font-size: 12px;}
    .itemBox .item .text{float: none!important; margin-top: 20px;text-align: center;padding: 0 20px;}
    .itemBox .item .text p{font-size: 12px;line-height: 18px;}
    .itemBox .item .text p:before{display: none;}
    .itemBox .item .left .text{text-align: center;}
}